import { memo, FC, ReactNode, Suspense } from 'react';
import Leftapp from './component/left/index'
import Centerapp from './component/center/index'
import Rightapp from './component/right/index'
import Top from './component/top/index'
interface IProps {
  children?: ReactNode
}
const App: FC<IProps> = memo(() => {
  return (
      <Suspense>
        <div style={{ display: 'flex', height: '100vh', backgroundColor: '#e8e7e7' }}>
          <Leftapp></Leftapp>
          <Centerapp></Centerapp>
          <Rightapp></Rightapp>
        </div>
        <Top></Top>
      </Suspense>
  );
});

export default App;

